﻿{extend name="common/base"}
{block name="title"}商品列表页{/block}

<body>

{block name="content"}
	<!-- product list -->
	<div class="product-list segments-page">
		<div class="container">
			<div class="row">
				<div class="col s6">
					<select class="browser-default">
						<option value="1">新品</option>
						<option value="2">热销</option>
						<option value="3">评价高</option>
						<option value="3">价格: 高 到 低</option>
						<option value="3">价格: 低 到 高</option>
				 	</select>
				</div>
				<div class="col s6">
					<select class="browser-default">
						<option value="1">发布时间: 综合</option>
						<option value="1">上一年</option>
						<option value="1">上一个月</option>
						<option value="1">上一周</option>
						<option value="1">昨天</option>
				 	</select>
				</div>
			</div>
			<div class="content no-bb">
				<div class="product-image">
					<a href="{:Url('product/product_details')}">
					<img src="__STATIC__/index/images/product1.jpg" alt="">
					</a>
				</div>
				<div class="product-text">
					<a href="{:Url('product/product_details')}"><p>Casual Clothes in a Modern Style</p></a>
					<h5>$28</h5>
					<button class="button">添加到购物车</button>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content no-bb">
				<div class="product-image">
					<a href="{:Url('product/product_details')}">
					<img src="__STATIC__/index/images/product2.jpg" alt="">
					</a>
				</div>
				<div class="product-text">
					<a href="{:Url('product/product_details')}"><p>Trendy Headband Style in 2018</p></a>
					<h5>$11</h5>
					<button class="button">添加到购物车</button>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content">
				<div class="product-image">
					<a href="{:Url('product/product_details')}">
					<img src="__STATIC__/index/images/product3.jpg" alt="">
					</a>
				</div>
				<div class="product-text">
					<a href="{:Url('product/product_details')}"><p>Shoes that Light up When Dark</p></a>
					<h5>$32</h5>
					<button class="button">添加到购物车</button>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content">
				<div class="product-image">
					<a href="{:Url('product/product_details')}">
					<img src="__STATIC__/index/images/product4.jpg" alt="">
					</a>
				</div>
				<div class="product-text">
					<a href="{:Url('product/product_details')}"><p>Casual Shoes that are Comfortable</p></a>
					<h5>$19</h5>
					<button class="button">添加到购物车</button>
				</div>
				<div class="clear"></div>
			</div>
			<div class="pagination">
				<ul>
					<li class="disabled"><a href="">1</a></li>
					<li><a href="">2</a></li>
					<li><a href="">3</a></li>
					<li><a href="">4</a></li>
					<li><a href="">5</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- end product list -->
{/block}
